<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>H5_作业目录</title>
	<base target="_blank">
	<style>
		*{padding: 0;margin: 0;}
		a{text-decoration: none;color:inherit;outline: none;transform: scale(1);transition:.5s;}
		a:hover{color: #abcedf;text-decoration:underline;transform: scale(1.1);}
		img{border:none;vertical-align:middle;outline: none;}
		body,html{
			min-height: 100%;
			min-width: 100%;
			font-family: '仿宋',Arial,'Microsoft yahei', Verdana,  Helvetica, sans-serif;
			font-size: 16px;
			padding-bottom: 20px;
		}
		.wrap{
			display: flex;
			flex-flow:column wrap;
			align-content: stretch;
			margin: 0 auto;
			max-width: 1200px;
			min-width: 500px;
			
			min-height: 660px;
			text-align: center;
		}
		.wrap>*{
			padding: 20px 0;
		}
		.wrap>header{
			
		}
		.wrap>section{
			padding:30px 20px;
			flex:1;
			background: url('http://pic.qiantucdn.com/58pic/19/35/79/05H58PICxiB_1024.jpg') no-repeat center/cover;
		}
		.wrap>section>nav{
			text-align: left;
		}
		.wrap>section>nav li:hover{
			transform: scale(1.1);
		}
		.wrap>section>nav li{
			display: inline-block;
			height: 50px;
			line-height: 50px;
			padding: 3px 8px;
			background-color: orange;
			color:#fff;
			cursor: pointer;
			box-sizing: 1px 1px 1px rgba(0,0,0,.5);
			transform: :scale(1);
			transition: transform .5s;
			margin:10px 10px 10px 0;
		}
		.wrap>section>nav li a{
			display: block;
			height: 100%;
			width: 100%;
		}
		.wrap>footer{
			
		}
	</style>
</head>
<body>
	<div class="wrap">
		<header><h1>H5作业目录</h1><a href="http://jtr354.oschina.io/h5_13q_class">http://jtr354.oschina.io/h5_13q_class</a></header>
		<section>
			<nav>
			 	<ol>
			 		<li><a href="01_baseTag-h5/homeWork.html">01_H5新增标签</a></li>
			 		<li><a href="02_CSS3-selector/homeWork.html">02_CSS3选择器</a></li>
			 		<li><a href="03_background/homeWork.html">03_css3背景属性,box倒影</a></li>
			 		<li><a href="04_05_text_transition_animation/homeWork.html">04_05_css3圆角,过度,动画,文本</a></li>
			 		<li><a href="06_flex/homeWork.html">06_flex弹性盒模型</a></li>
			 		<li><a href="07_css3_input/homeWork.html">07_input智能表单</a></li>
			 		<li><a href="11_transform/homeWork.html">08~11_transfrom</a></li>
			 		<li><a href="12_响应式/homeWork.html">12_响应式</a></li>
			 		<li><a href="13-14_case/homeWork.html">13-14_有关案例</a></li>
			 		<li><a href="15_H5drag/homeWork.html">15_H5拖拽</a></li>
			 		<li><a href="16_history/homeWork.html">16_H5历史管理</a></li>
			 		<li><a href="17_baiduMap/homeWork.html">17_百度地图</a></li>
			 		<li><a href="18_h5_media/homeWork.html">18_多媒体</a></li>
			 		<li><a href="19_ajax_h5/homeWork.html">19_ajax上传和多线程</a></li>
			 		<li><a href="20_end_Demo/baseKnowledege.html">20_end_案例讲解</a></li>
			 	</ol>
			</nav>
		</section>
		<footer>
			Copyright..........
			<a href="mailto:3002794360@qq.com?subject=H5作业" style="margin-right: 15px">提交作业</a>3002794360@qq.com <br>
			<br>
			<a href="https://git.oschina.net/jtr354/H5_13q_class.git">作业源码地址:https://git.oschina.net/jtr354/H5_13q_class.git</a>
			<br><br>
			<a href="http://web.tanzhouedu.com/index/web/javascript_final_test.html">javascript_final_test</a>
		</footer>
	</div>
</body>
</html>